import React from 'react'
import { Button, Carousel, Checkbox } from 'antd'
const contentStyle: React.CSSProperties = {
  margin: 0,
  height: '160px',
  color: '#fff',
  lineHeight: '160px',
  textAlign: 'center',
  background: '#364d79',
}
export default function App() {
  const onChange = (currentSlide: number) => {
    console.log(currentSlide)
  }

  return (
    <div>
      App
      <button>按钮</button>
      <hr />
      <Button type="primary">按钮</Button>
      <hr />
      <Carousel afterChange={onChange}>
        <div>
          <h3 style={contentStyle}>1</h3>
        </div>
        <div>
          <h3 style={contentStyle}>2</h3>
        </div>
        <div>
          <h3 style={contentStyle}>3</h3>
        </div>
        <div>
          <h3 style={contentStyle}>4</h3>
        </div>
      </Carousel>
      <hr />
      <Checkbox>Checkbox</Checkbox>
    </div>
  )
}
